<template>
  <div class="kh-small-intro">
    <h2>{{title}}</h2>
    <p>{{describe}}</p>
  </div>
</template>

<script>
  export default {
    name: "titleVue",
    data() {
      return {
        title: 'ARTICLE',
        describe: '作品构思新颖,题材独具匠心...'
      }
    }
  }
</script>

<style lang="scss" scoped>
  .kh-small-intro {
    padding-bottom: 20px;
    padding-right: 50px;
    color: #333;
    font-size: 16px;
    font-weight: 200;
    border-bottom: 1px solid #000;

    h2 {
      margin-bottom: 40px;
      color: #000;
      font-size: 40px;
      font-weight: 400;
    }
  }
</style>
